<link rel="stylesheet" href="__PUBLIC__/image/weui.css" />
<link rel="stylesheet" href="__PUBLIC__/image/bootstrap.min.css" />
<script src="__PUBLIC__/image/zepto.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/image/jquery.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/image/weui.min.js"></script>
<script src="__PUBLIC__/layer3.1/layer.js"></script>
<script src="__PUBLIC__/image/common.js"></script>
<link rel="stylesheet" href="__PUBLIC__/image/iconfont.css" />
<link rel="stylesheet" href="__PUBLIC__/image/common.css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
$(document).ready(function(){
    $(".nav-list-ico").on('click',function(){
        if($('.left-nav').attr('class')=='left-nav active'){
                $('.left-nav').removeClass('active');
                $('.cover-mask').removeClass('active');
        }else{
                $('.left-nav').addClass('active');
                $('.cover-mask').addClass('active');
        }
    })
    $('.cover-mask').on('click',function(){
            if($('.left-nav').attr('class')=='left-nav active'){
                $('.left-nav').removeClass('active');
                $('.cover-mask').removeClass('active');
            }else{
                $('.left-nav').addClass('active');
                $('.cover-mask').addClass('active');
            }
    })
    $('.nav-item').on('click',function(){
            $('.left-nav-List').removeClass('active');
            $(this).addClass('active');
            $('.left-nav').removeClass('active');
            $('.cover-mask').removeClass('active');
    })
})
</script>
